{extend name="base" /}

{block name="title"}充值续费钱包{/block}

{block name="main"}
<div class="main">
	<div class="container">
		<div class="vip">
			<dl class="vip_box">
				<dt class="vip_title">充值续费钱包</dt>
				<dd class="vip_contai">
					<div class="kthy_box clearfix">
						<div class="kthy_left text-center"></div>
						<div class="kthy_right">
							<form action="/user/vip/topUpVip" method="post" enctype="multipart/form-data">
								<div class="qb_box clearfix"><p>续费钱包余额：<span>{$user_wallet_vip.price}</span></p></div>
								<div class="clearfix kthy_right_mian">
									<div class="cz_form">
										<dl class="cz_row">
											<dt>会员账号：</dt>
											<dd class="cz_user"><input type="text" value="{$user.username}" readonly /></dd>
										</dl>

										<dl class="cz_row">
											<dt><span>选择时长：</span></dt>
											<dd class="secle_time">
												<a href="javascript:;" class="shichang active" timer="1" qian="{$VIP_EVERY_MONTH_MONEY}">一个月</a>
												<a href="javascript:;" class="shichang" timer="6" qian="{$VIP_EVERY_MONTH_MONEY}">半年</a>
												<a href="javascript:;" class="shichang" timer="12" qian="{$VIP_EVERY_MONTH_MONEY}">一年</a>
												<input type="hidden" name="price" id="price" value="{$VIP_EVERY_MONTH_MONEY}"/>
											</dd>
										</dl>

										<dl class="cz_row">
											<dt>应付费用：</dt>
											<dd><p class="yfjq"><span>{$VIP_EVERY_MONTH_MONEY}</span>金钱</p></dd>
										</dl>

										<dl class="cz_row">
											<dt>上传凭证：</dt>
											<dd class="cz_user"><input type="file" name="file" /></dd>
										</dl>
									</div>
									<script>
										$('.secle_time a').click(function(){
											var thisTime = $(this).attr('timer');
											var thisQian = $(this).attr('qian');
											$(this).addClass('active').siblings().removeClass('active');
											var price = thisTime * thisQian;
											$('.yfjq span').text(price);
											$('#price').val(price);
												
										})
									</script>
									<div class="kthy_dk">
										<dl class="cz_row">
											<dt><span>支付方式：</span></dt>
											<dd class="zffs">
												<!--把微信跟支付宝两张二维码路径放到attr-url属性里面-->
												<a href="javascript:;" class="shichang active">云支付</a>
												<a href="javascript:;" class="shichang"></a>
											</dd>
										</dl>
										<dl class="cz_row">
											<dt><span>云账号：</span></dt>
											<dd classs="cz_user" style="line-height: 30px;">{:getParam('CLOUND_PAY_ACCOUNT')}</dd>
										</dl>
										<div class="ktvip_btn">
											<button type="submit">充值续费钱包</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</dd>
			</dl>
		</div>
	</div>
</div>
{/block}